#@admin_layout() 
#define main()
<h1 class="page-header">Dashboard</h1>

<div class="row placeholders">
	<div class="col-xs-6 col-sm-3 placeholder">
		<img
			src=""
			width="200" height="200" class="img-responsive"
			alt="Generic placeholder thumbnail">
		<h4>Label</h4>
		<span class="text-muted">Something else</span>
	</div>
	<div class="col-xs-6 col-sm-3 placeholder">
		<img
			src=""
			width="200" height="200" class="img-responsive"
			alt="Generic placeholder thumbnail">
		<h4>Label</h4>
		<span class="text-muted">Something else</span>
	</div>
	<div class="col-xs-6 col-sm-3 placeholder">
		<img
			src=""
			width="200" height="200" class="img-responsive"
			alt="Generic placeholder thumbnail">
		<h4>Label</h4>
		<span class="text-muted">Something else</span>
	</div>
	<div class="col-xs-6 col-sm-3 placeholder">
		<img
			src=""
			width="200" height="200" class="img-responsive"
			alt="Generic placeholder thumbnail">
		<h4>Label</h4>
		<span class="text-muted">Something else</span>
	</div>
	
</div>

<h2 class="sub-header">图表</h2>
<div class="">
	<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
   	<div id="main" style="height:400px"></div>
</div>

<h2 class="sub-header">列表</h2>
<div class="table-responsive">
	<table class="table table-striped">
		<thead>
			<tr>
				<th>#</th>
				<th>还款开户行</th>
				<th>还款账号</th>
				<th>还款账户</th>
				<th>借据编号</th>
				<th>客户编号</th>
				<th>合同编号</th>
				<th>还款日</th>
				<th>身份证号</th>
				<th>手机号</th>
				<th>逾期天数</th>
				<th>总金额</th>
				<th>应还本金</th>
				<th>应还利息</th>
				<th>应还罚息</th>
				<th>应还服务费</th>
				<th>提前还款手续费</th>
				<th>代扣法人(1:富龙)</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1,001</td>
				<td>Lorem</td>
				<td>ipsum</td>
				<td>dolor</td>
				<td>sit</td>
				<td>1,001</td>
				<td>Lorem</td>
				<td>ipsum</td>
				<td>dolor</td>
				<td>sit</td>
				<td>1,001</td>
				<td>Lorem</td>
				<td>ipsum</td>
				<td>dolor</td>
				<td>sit</td>
				<td>1,001</td>
				<td>Lorem</td>
				<td>#(RESOURCE_HOST)</td>
			</tr>
		</tbody>
	</table>
</div>

#end

#define js()
<!-- <script src="#(RESOURCE_HOST)/assets/js/echarts.js"></script> -->
<!-- ECharts单文件引入 -->
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script type="text/javascript">
	// 路径配置
    require.config({
        paths: {
            echarts: 'http://echarts.baidu.com/build/dist'
        }
    });
    
	// 使用
	require(
	    [
	        'echarts',
	        'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
	    ],
	    function (ec) {
	        // 基于准备好的dom，初始化echarts图表
	        var myChart = ec.init(document.getElementById('main')); 
	        
	        var option = {
	            tooltip: {
	                show: true
	            },
	            legend: {
	                data:['销量']
	            },
	            xAxis : [
	                {
	                    type : 'category',
	                    data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
	                }
	            ],
	            yAxis : [
	                {
	                    type : 'value'
	                }
	            ],
	            series : [
	                {
	                    "name":"销量",
	                    "type":"bar",
	                    "data":[5, 20, 40, 10, 10, 20]
	                }
	            ]
	        };
	
	        // 为echarts对象加载数据 
	        myChart.setOption(option); 
	    }
	);
</script>
#end


